*{margin: 0;padding: 0;
}

.total{
    
    position: relative;
    background-image: url("../images/bg.png");
    width: 100%;
    height: 850px;
}
.top-left{
    position: absolute;
    width: 30.3%;
    height: 850px;
}
.header-left{
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    top: 17px;
    left: 0;
    background-image: url(../images/t1.png);
}
.top-left .header-left{
    position: relative;
    height: 45px;
}
.logo{
    width: 70px;
    height: 30px;
    position: absolute;
    top: 8px;
    left: 5px;
}
.detail{
    box-shadow: 0 1px 5px 3px rgba(0, 0, 0, .25) inset;
    background-image: url(../images/sideBg.png);
    position: relative;
    margin-top: 17px;
    height: 70px;
}
.detail-content{
    padding-top: 14px;
    
}
.shop{
    position: relative;
    top: 12px;
    left: 15px;
}
.pic-user{
    position: absolute;
    left: 5px;
    top: -15px;

}
.user-text{
    color: rgb(190, 190, 77);
    position: absolute;
    margin-top: -16px;
    left: 35px;
    font-size: 13px;
}
.pic-time{
    position: absolute;
    left: 20px;
    top: 40px;
}
.time{
    padding-top: 40px;
    padding-left: 13px;
}
.time-text{

    color: rgb(190, 190, 77);
    font-size: 13px;
}
.time-txt{
    display: block;
    position: relative;
}
.time-txt .p1{
    position: absolute;
    left: 36px;
    top: -13px;
}
.time-txt .p2{
    position: absolute;
    left: 116px;
    top: -13px;
}
.time-txt .p3{
    position: absolute;
    left: 163px;
    top: -13px;
}
.excel-title{
    width: 100%;
    height: 45px;
    position: relative;
    background: url(../images/bg3.png) ;
    
}

.shouzi{
    position: absolute;
    left: 20px;
    top: 15px;
}
.text-shouzhi{
    position: absolute;
    font-size: 13px;
    color: #fff;
    left: 48px;
    top: 13px;
}

.excel-content{
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.type,td{border: none;}
.type{
    width: 100%;
    color: rgb(134,67,39);
    top: 0;
    left: 0;
    height: 240px;
    border-collapse: collapse;
}
.type tr{
    background-image: linear-gradient(rgb(244, 241, 229) ,rgb(235, 219, 196));
}
.free{
    position: absolute;
    top: 159px;
    left: 5px;
}
.shouzibg{
    height: 146px;
    background-image: url(../images/shouzibg.png);
}
.floating img{
    display: block;
    float: right;
    margin-top: 30px;
    margin-right: 7px;
}
.floating{
    width: 45px;
    background-color: rgb(106,99,88);
    position: absolute;
    top: -5px;
    right: -2px;
    height: 554px;
    margin-right: 2px;
    margin-top: 181px;

}
.plus{
    transform: rotate(45deg);
}
.cut{
    top: 146px;
    right: -7px;
    position: relative;
    width: 31px;
    height: 31px;
    background-color: #fff;
    border-radius: 50%;
}
hr{
    border: none;
    background-color: rgb(53,43,39);
    height: 3px;
    width: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.foot-left{

    background-color: rgb(243,231,191);
    height: 167px;
}
.bill{  
    position: relative;
}
.sum{
    position: absolute;
    left: 44%;
    margin-top: 60px;
    transform: translate(-50%,-50%);
    font-size: 25px;
    width: 295px;
    height: 60px;
    background-color: rgb(242,241,211);
    color: red;
}
.sum .sum-text{
    position: absolute;
    top: 10px;
}
.sum-left{
    margin-left: 20px;
}
.sum-right{
    margin-left: 183px;
}

.search{
    position: absolute;
    width: 293px;
    height: 35px;
    top: 100px;
    left: 8px;
    border: none;
    border-radius: 24px;
}
.btn1{
    border: none;
    position: absolute;
    outline: none;
    border-radius: 24px;
    width: 31px;
    height: 29px;
    top: 103px;
    right: 112px;
    bottom: 0;
    background-color: #FFF;
    background-size: 14px;
    box-sizing: border-box;
}
.btn2{
    border-radius: 20px;
    border: none;
    position: relative;
    outline: none;
    width: 43px;
    height: 35px;
    background-color: #fff;
    right: -308px;
    margin-top: 100px;
}
.magnifier{
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);

}